<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="utf-8">
	<title>layuiAdmin 后台管理员</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
	<link rel="stylesheet" th:href="@{/layuiadmin/layui/css/layui.css}" media="all">
	<link rel="stylesheet" th:href="@{/layuiadmin/style/admin.css}" media="all">
	<style>
		.layui-table-cell {
			height: auto;
			line-height: 30px;
		}
	</style>
</head>

<body>
<div class="layui-fluid">
	<div class="layui-card">
		<form action="" id="searchForm">
			<div class="layui-form layui-card-header layuiadmin-card-header-auto">
				<div class="layui-form-item">
					<div class="layui-inline">
						<label class="layui-form-label">userGid：</label>
						<div class="layui-input-block">
							<input type="text" name="userGid" placeholder="请输入userGid" autocomplete="off" class="layui-input">
						</div>
					</div>
					<div class="layui-inline">
						<button type="button" class="layui-btn layui-btn-primary" lay-submit lay-filter="search" id="search">
							<i class="layui-icon  layui-icon-search layuiadmin-button-btn"></i>
						</button>
					</div>
				</div>
			</div>

		</form>
		银行卡信息(bank_card)
		<table class="layui-hide" lay-filter="bankCard" id="bankCard"></table>
		<br/>
		银行虚拟账户[bank_account]
		<table class="layui-hide" lay-filter="bankAccount" id="bankAccount"></table>
		<br/>
		银行卡操作记录表(operate_bank_card)
		<table class="layui-hide" lay-filter="operateBankCard" id="operateBankCard"></table>

	</div>
</div>

<script th:src="@{/layuiadmin/layui/layui.js}"></script>

<script>
	// 用户基础班表[user_base]
	layui.use('table', function () {
		var $ = layui.$;
		var table = layui.table;
		var form = layui.form;
		//bankCard
		table.render({
			// 表格容器ID
			elem: '#bankCard'
			// 表格ID，必须设置，重载部分需要用到
			, id: 'bankCard'
			, title: '银行卡'
			// 分页 curr起始页，groups连续显示的页码，默认每页显示的条数
			, text: {
				none: '暂无相关数据' //默认：无数据。注：该属性为 layui 2.2.5 开始新增
			}
			, skin: 'line' //行边框风格
			, even: true //开启隔行背景
			, size: 'sm' //小尺寸的表格
			, loading: false
			, cols: [
				[
					{field: 'gid', title: 'gid', width:80, sort: true, fixed: 'left'}
					,{field: 'bankShortName', title: '银行简称', width:80}
					,{field: 'bankCardNo', title: '银行卡号', width:80}
					,{field: 'bankCardNo', title: '银行卡号', width:80}
					,{field: 'mobile', title: '手机号', width:80}
					,{field: 'status', title: '状态', width:80}
					,{field: 'status', title: '状态', width:80}
					,{field: 'failReason', title: '绑卡失败原因', width:80}
					,{field: 'authType', title: '鉴权方式', width:80}
					,{field: 'pactPayStatus', title: '协议支付状态', width:80}
					,{field: 'valid', title: '是否有效', width:80}

				]
			]
		});
		//借款
		table.render({
			// 表格容器ID
			elem: '#bankAccount'
			// 表格ID，必须设置，重载部分需要用到
			, id: 'bankAccount'
			, title: '银行虚拟账户'
			// 分页 curr起始页，groups连续显示的页码，默认每页显示的条数
			, text: {
				none: '暂无相关数据' //默认：无数据。注：该属性为 layui 2.2.5 开始新增
			}
			, skin: 'line' //行边框风格
			, even: true //开启隔行背景
			, size: 'sm' //小尺寸的表格
			, loading: false
			, cols: [
				[
					{field: 'gid', title: 'gid', width:80, sort: true, fixed: 'left'}
					,{field: 'name', title: '姓名', width:80}
					,{field: 'bankGid', title: 'bankGid', width:80}
					,{field: 'expiryTime', title: '账户到期日', width:80}
					,{field: 'status', title: '状态', width:80}
					,{field: 'isInvalid', title: '是否有效', width:80}
				]
			]
		});
		//实名信息表(user_identity)
		table.render({
			// 表格容器ID
			elem: '#operateBankCard'
			// 表格ID，必须设置，重载部分需要用到
			, id: 'operateBankCard'
			, title: '银行卡操作记录表'
			// 分页 curr起始页，groups连续显示的页码，默认每页显示的条数
			, text: {
				none: '暂无相关数据' //默认：无数据。注：该属性为 layui 2.2.5 开始新增
			}
			, skin: 'line' //行边框风格
			, even: true //开启隔行背景
			, size: 'sm' //小尺寸的表格
			, loading: false
			, cols: [
				[
					{field: 'gid', title: 'gid', width:80, sort: true, fixed: 'left'}
					,{field: 'bankCardGid', title: 'bankCardGid', width:80}
					,{field: 'cardHolderName', title: '持有人姓名', width:80}
					,{field: 'idcardNo', title: '身份证号', width:80}
					,{field: 'bankCardNo', title: '卡号', width:80}
					,{field: 'mobile', title: '预留手机号', width:80}
					,{field: 'cardType', title: '卡类型', width:80}
					,{field: 'status', title: '状态', width:80}
					,{field: 'authType', title: '鉴权方式', width:80}
					,{field: 'optType', title: '操作类型', width:80}
					,{field: 'bindCardType', title: '绑卡类型', width:80}
					,{field: 'submitVerifyCode', title: '是否提交验证码', width:80}
				]
			]
		});

		//搜索
		form.on('submit(search)', function(data){
			var field = data.field;
			//银行卡
			table.reload('bankCard', {
				url: "/grape/bank/getBankCardList",
				// 附加参数，post token
				contentType: 'application/json',
				where: field,
				method:'post'
			});
			//用户基础信息表
			table.reload('bankAccount', {
				url: "/grape/bank/getBankAccountList",
				// 附加参数，post token
				contentType: 'application/json',
				where: field,
				method:'post'
			});
			//实名
			table.reload('operateBankCard', {
				url: "/grape/bank/getOperateBankCardList",
				// 附加参数，post token
				contentType: 'application/json',
				where: field,
				method:'post'
			});

		});

	});

</script>
</body>
</html>

